
  /* bg */
  .bg{
      overflow: hidden;
      width: 100%;
      height: 1540px;
      background: url('../img/bg.png') no-repeat center top/cover;
  }
  .bg .search{
      position: relative;
      margin-top: 112px;
  }
/* input */
.bg .search .input-wrap ul{
    position: relative;
    height: 39.1px;
}
.bg .search .input-wrap ul li{
    cursor: pointer;
    float: left;
    padding: 10px 16px;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.bg .search .input-wrap ul li img.hid{
  display: none;
}
.bg .search .input-wrap ul li+li{
    margin-left: 2px;
}
.bg .search .input-wrap ul li span{
    vertical-align: top;
}
.bg .search .input-wrap ul li.li1{
    position: absolute;
    top: 0;
    left: 0;
    background: #e33727;
}
.bg .search .input-wrap ul li.li1.on{
    background: #fff;
    color: #e33727;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li1.on1{
  background: #fff;
  color: #e33727;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li2{
    position: absolute;
    top: 0;
    left: 132px;
    background: #e33727;
}
.bg .search .input-wrap ul li.li2.on{
    color: #e33727;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li2.on1{
  color: #e33727;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li3{
    position: absolute;
    top: 0;
    left: 294px;
    background: #ff0000;
}
.bg .search .input-wrap ul li.li3.on{
    color: #ff0000;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li3.on1{
  color: #ff0000;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li4{
    position: absolute;
    top: 0;
    left: 373px;
    background: #02a388;
}
.bg .search .input-wrap ul li.li4.on1{
    color: #02a388;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li5{
    position: absolute;
    top: 0;
    left: 488px;
    background: #4792de;
}
.bg .search .input-wrap ul li.li5.on{
    color: #4792de;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li5.on1{
  color: #4792de;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li6{
    position: absolute;
    top: 0;
    left: 620px;
    background: #9bd10f;
}
.bg .search .input-wrap ul li.li6.on{
    color: #9bd10f;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li6.on1{
  color: #9bd10f;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li7{
    position: absolute;
    top: 0;
    left: 735px;
    background: #238de5;
}
.bg .search .input-wrap ul li.li7.on{
    color: #238de5;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li7.on1{
  color: #238de5;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap ul li.li8{
    position: absolute;
    top: 0;
    left: 867px;
    background: #e9b81d;
}
.bg .search .input-wrap ul li.li8.on{
    color: #e9b81d;
    background: #fff;
    padding-top: 20px;
    top: -10px;
}
.bg .search .input-wrap ul li.li8.on1{
  color: #e9b81d;
  background: #fff;
  padding-top: 20px;
  top: -10px;
}
.bg .search .input-wrap .input{
    width: 935px;
    height: 73px;
    line-height: 73px;
    background: #fff;
}
.bg .search .input-wrap .input > div{
    float: left;
}
.bg .search .input-wrap .input .one{
    position: relative;
    /* width: 132px; */
}
.bg .search .input-wrap .input .one > img{
vertical-align: sub;
}
.bg .search .input-wrap .input .one .tupian{
    position: relative;
    float: right;
    margin-right: 6px;
	margin-left: 10px;
    cursor: pointer;
}
.bg .search .input-wrap .input .one .tupian #ship{
    position:absolute;
    box-sizing: border-box;
    top: 45px;
    right: 7px;
    width: 42px;
    height: 25px;
    line-height: 25px;
    display: none;
    border: 1px solid rgb(192, 191, 191);
    border-top: 0;
    padding-left: 1px;
    /* border-bottom-left-radius:5px; */
    /* border-bottom-right-radius: 5px;  */
    /* background: #eee; */
}
.bg .search .input-wrap .input .two input{
    width: 686px;
    padding: 20px 0;
    font-size: 18px;
    color: #777;
    text-indent: 10px;
    border: 0;
    vertical-align: sub;
}
.bg .search .input-wrap .input .two input::placeholder{
    color: #c1c1c1;
}
.bg .search .search-btn{
    cursor: pointer;
    position: absolute;
    width: 197px;
    height: 73px;
    line-height: 73px;
    color: #fff;
    font-size: 20px;
    bottom: 0;
    left: 935px;
    background: #0066ff;
    text-align: center;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;

}







  .bg .title{
      color: #fff;
      font-size: 21px;
      text-align: center;
      margin-top: 76px;
  }
  .bg .title span{
      position: relative;
  }
  .bg .title span::after{
      content: '';
      position: absolute;
      width: 209px;
      height: 1px;
      background: #a3b5f9;
      top: 0;
      bottom: 0;
      margin: auto;
      right: -230px;
  }
  .bg .title span::before{
    content: '';
    position: absolute;
    width: 209px;
    height: 1px;
    background: #a3b5f9;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -230px;
}

.bg .list ul{
    margin-top: 50px;
}
.bg .list ul li{
    background: #fff;
    box-sizing: border-box;
    height: 210px;
    padding: 25px 43px 25px 50px;
    border-radius:6px; 
    margin-bottom: 29px;
}
.bg .list ul li .left img{
    vertical-align: middle;
}
.bg .list ul li .left .info{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 23px;
}
.bg .list ul li .left .info p+p{
    margin-top: 7px;
}
.bg .list ul li .left .info .p1{
    font-size: 19px;
    color: #333;
    font-weight: bold;
}
.bg .list ul li .left .info .p3,.bg .list ul li .left .info .p4,.bg .list ul li .left .info .p5{
    color: #999;
}
.bg .list ul li .left .info .p2{
    font-size: 24px;
    color: #ff5050;
    font-weight: bold;
}
.bg .list ul li .right{
    float: right;
}
.bg .list ul li .right p:first-child{
    color: #fff;
    background: #0066ff;
    width: 155px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius:6px;
    font-size: 18px; 
    margin-top: 52px;
    margin-bottom: 19px;
    cursor: pointer;
}
.bg .list ul li .right p:last-child{
    color:#a0a0a0;
}
.bg .list ul li .right p:last-child a{
    text-decoration:underline;
    color:#1170ff;
}
.bg .list ul li.two .right{
    width: 488px;
}
.bg .list ul li.two .right .top .div,.bg .list ul li.two .right .top .p{
    display: inline-block;
    vertical-align: middle;
}
.bg .list ul li.two .right .top > span{
    font-size: 18px;
    font-weight: bold;
    color: #ff5e1f;
}
.bg .list ul li.two .right .top .div .span1{
    font-size: 19px;
    font-weight: bolder;
    color: #ff5e1f;
    vertical-align: middle;
}
.bg .list ul li.two .right .top .div .span2{
    font-size: 12px;
    color: #ff5e1f;
    border: 1px solid #ff5e1f;
    border-radius: 4px;
    padding: 1px 4px;
    font-weight: bold;
}
.bg .list ul li.two .right .top .div .span11{
    position: relative;
    color: #999999;
    font-size: 16px;
    margin-right: 16px;
    vertical-align: middle;
    margin-left: 3px;
}
.bg .list ul li.two .right .top .div .span11::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 10px;
    bottom: 0;
    top: 0;
    margin: auto;
    right:-12px; 
    background: #999;
}
.bg .list ul li.two .right .top{
    padding: 6px 0 20px;
}
.bg .list ul li.two .right .top .div{
    margin-left: 11px;
}
.bg .list ul li.two .right .top .div .span22{
    color: #999999;
    vertical-align: middle;
}
.bg .list ul li.two .right .top .div .span33{
    vertical-align: middle;
    color: #fff;
    background: #feb027;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}
.bg .list ul li.two .right .top .p{
    color: #fff;
    background: #0066ff;
    width: 155px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    font-size: 18px;
    margin-left: 105px;
    cursor: pointer;
}
.bg .list ul li.three .right{
    text-align: center;
}
.bg .list ul li.three .right img{
    margin-top: 35px;
	animation: rotatefresh 3s infinite linear;
}
@keyframes rotatefresh {
	from { transform: rotate(0deg) }
	to {
		transform: rotate(360deg);
		transition: all 3s;
	}
}
.bg .list ul li.three .right p{
    color: #adadad;
}
.bg .list ul li.four .right p.btn{
    background: #ff5e1f;
    color: #fff;
    width: 155px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 6px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 19px;
    cursor: pointer;
}
.bg .list ul li.four .right > span{
    font-size: 19px;
    color:#ff1200;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 28px;
}
.bg .list ul li.four .right{
    box-sizing: border-box;
    position: relative;
    padding-top:30px; 
}
.bg .list ul li.four .right > img{
    cursor: pointer;
}
.bg .list ul li.four .right > div{
    box-sizing: border-box;
    position: absolute;
    top: -40px;
    display: none;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 1px 2px 6px 1px #e4e4e4;
    width: 255px;
    height:58px;
    background: #fff;
    padding:8px 13px;
    color: #a0a0a0;
}

